﻿body
{
    color: #3F4952;
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;
    background-color: #425766;
    margin: 0;
    padding: 0;
}


.button,.button-icon,.button-icon-min, input[type='button'], input[type='submit'], input[type='reset']
{
    background-position: 0% 0%;
    padding: 2px 8px 4px 8px;
    height: 28px;
    border: 1px solid #ccc;   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    text-shadow:0 1px 0 #FFFFFF, 0 2px 4px #AAAAAA;
    
    /*
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";
    background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb));
    background: -moz-linear-gradient(top,  #ffffff,  #ebebeb);
*/
    background-color: #f6f6f6;
    background-repeat: repeat;
    background-attachment: scroll;
}

.button:hover,.button-icon:hover,.button-icon-min:hover,.button-icon-min:focus,.button:focus,.button-icon:focus, input[type='button']:hover, input[type='button']:focus, input[type='submit']:hover, input[type='submit']:focus, input[type='reset']:hover, input[type='reset']:focus
{
    background-position: 0% 0%;
    border-color: #999;
    
    outline: 0;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    -khtml-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    
    /*
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#EBEBEB, endColorStr=#FFFFFF)";
    background: -webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#ffffff));
    background: -moz-linear-gradient(top,  #ebebeb,  #ffffff);
*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";
    background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb));
    background: -moz-linear-gradient(top,  #ffffff,  #ebebeb);
    background-color: #f3f3f3;
    background-repeat: repeat;
    background-attachment: scroll;
}


.button-icon
{
    padding-left:2px;   
}


.button-icon-min
{
   
    padding:0px 8px 1px 2px;   
    height:26px;
}


.input,.select, input[type='text'], input[type='password']
{
    font-family: Arial, Tahoma, Verdana;
    font-size: 12px;    
    padding: 3px 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;   
    margin-right:5px;
    
}


.radio-yes,.radio-no
{
    background-color:#DAE9BB;
    border:1px solid #A4BFE5;
    color:#1F5080;
    cursor:pointer;   
    font-weight:normal;
    margin:0 8px 0 2px;
    padding:5px;
}
.radio-no
{
   background-color:#EED1D1; 
}

.input{width:90%}



.input:hover, select:hover,input[type='password']:hover,input[type='text']:hover
{
     border: solid 1px #999;    
}



.input:focus,  input[type='text']:focus, input[type='password']:focus, select:focus
{
    border: solid 1px #999;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    -khtml-box-shadow: 0 0 3px #999;
    background-color:#f9f9f9;
    /*background-color:#F8F8FA;
    color:#060
*/
}


.button-text
{
	background: none;
	border-color: transparent;
	border-radius: 0;
	filter: none;
	-moz-border-radius: 0;
	-ms-filter: none;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	
}

.button img
{
   
	font-size: 0;
	vertical-align: middle;
}

.icon-b
{
    padding:3px 8px;
    background:transparent url("skins/button.gif") no-repeat scroll;
    
}

.icon-reply
{
    background-position: 0 0;    
}

.icon-quote
{
     background-position: 0 -20px;    
}


.icon-edit
{
     background-position: 0 -40px;    
}


.icon-del
{
     background-position: 0 -60px;    
}


.icon-thank
{
     background-position: 0 -80px;    
}


.icon-lock
{
    background-position: 0% -120px;       
}

.icon-unlock
{
    background-position: 0% -140px;       
}




.icon-newtopic
{
     background-position: 0% -170px;       
}

a:link, a:visited
{
    color: #053772;
}


/*
.button
{
    background: url("skins/button_b.png") repeat-x;
    padding: 3px 5px 4px 5px;
    border: solid 1px #B6BFC6;
    cursor: pointer;
    margin-right: 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0.1em 0.1em #fff;
}
.button-over
{
    border: solid 1px #808E9B;
    color: #333;
}

.input
{
    border: solid 1px #B6BFC6;
    padding: 3px;
    width: 70%;
    background-color: #fff;
    margin-right: 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.input-focus, .input:hover, input[type='button']:hover, input[type='submit']:hover
{
    border: solid 1px #808E9B;
}
input[type='button']:hover, input[type='submit']:hover, .button:hover
{
    border: solid 1px #808E9B;
}

input[type='image']
{
    margin-right: 8px;
}
*/
.page
{
    margin: 0 auto;
    width: 98%;
    min-width: 990px;
    max-width: 1240px;
    background: #fff;
}

.header
{
    background: url("skins/banner_b.png") repeat-x;
    height: 128px;
}

.logo
{
    cursor: pointer;
    width: 350px;
    height: 128px;
    background: url("skins/logo.png") no-repeat;
}


.quotation
{
    float:right;
    width:600px;
    height:128px;
    background:url("skins/quotation.gif") no-repeat center center ;
}



#navbar
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 38px;
    background: url("skins/nav_menu_b.png");
    border-top: solid 1px #B6BFC6;
    border-bottom: solid 3px #935FAA;
}

#navbar li
{
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    text-align: center;
    background: url("skins/nav_menu_b.png") no-repeat bottom right;
    white-space: nowrap;
    display: block;
}
#navbar li a
{
    float: left;
    display: block;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    white-space: nowrap;
    font-family: Verdana;
    color: #053772;
    font-size: 12px; /* text-shadow:0 1px 0 #FFFFFF, 0 -1px 3px */
    text-shadow: 0.1em 0.1em #fff;
    text-transform:uppercase;
}


#navbar li.dropdown-menu a
{
    background: url("skins/down.gif") no-repeat 95% 50%;
}



.dropdown-menu a{  background: url("skins/down.gif") no-repeat 95% 50%;}


#navbar li a:visited
{
    color: #053772;
}

#navbar li a:hover
{
    color: #930;
    text-decoration: none;
}

.search-input
{
    width: 80%;
    padding-right: 24px;
    background: #fff url("skins/search.png") no-repeat center right;
}

.white-space
{
    margin: 10px auto 0 auto;
}

.wraper
{
    margin: 0 auto;
    width: 100%;
}

.main
{
    padding-top: 10px; /* set space */
    background: url("skins/content_b.png") repeat-x;
    margin: 0 auto;
}

.content
{
    margin: 0 auto;
    width: 99%;
}

.fr-block, .navigation
{
    border: solid 1px #B6BFC6;
    background: #F9FAFA;
    padding: 5px;
    color: #053772;
    line-height: 18px;
}



.navigation .nav-bar
{
    height: 60px;
    background: #F9FAFA url("skins/home.gif") no-repeat 10px 50%;
    line-height: 60px;
    padding-left: 60px; /*padding: 25px 0 0 60px;     font-weight: bold; */
}
.navigation .nav-bar a
{
    font-weight: bold;
}
.navigation .nav-bar a:last-child
{
    font-weight: normal;
}
.navigation .nav-bar a:first-child
{
    font-weight: bold;
}
.navigation .nav-bar .nav-arrow
{
    font-family: Verdana;
}


.fr-subforum
{
    margin:0;
	padding:3px 0;	
	overflow:hidden;	
	list-style-type:none
    
}

.fr-subforum li
{
    
    float:left;
    width:40%;
    list-style-type: none;
	margin:0;
	padding:0 0 0 34px;
	line-height: 16px;   
	background: url(skins/leaf.gif) 0 -1px no-repeat;    
}

.fr-subforum li a {font-weight:normal}

.fr-subforum li span
{
    color:#060;    
}

.fr-subject
{
    font-weight: bold;
    color: #053772;
}

.fr-subject-hidden
{
    color: #ccc;
}

.fr-subject a:visited, .fr-subject-readed
{
    font-weight: normal;
}

.fr-description
{
}

.smile
{
    vertical-align: middle;
    padding-right: 3px;
}


.date-post
{
}

.last-post
{
    padding-right: 20px;
    background: url("skins/lastpost.gif") no-repeat right center;
}

.poster
{
    color: #930;
}

.administrator
{
    color: #f30;    
}

.member
{
    
}

.moderator
{
   color: #060;         
}


.thread-userinfo
{
    width: 20%;
    max-width: 200px;
    min-width: 180px;
}


.userinfo-extra
{
    line-height: 18px;
    padding: 5px;
}

.fr-field
{
    background: #FFFFFF;
    border: 1px solid #DDE0E3;    
    margin-top: 4px;
    padding: 3px 3px 3px 10px;    
}

.fr-field dt
{
    float: left;
    margin-left: 0;
    margin-right: 10px;
    min-width: 60px;
    text-align: left;
    width: auto !important;
    color: #945A03;
    font-weight: 700;
}


.thread-username
{
    font-weight: bold;
    text-align: center;
    background: url("skins/border_v.gif") repeat-x bottom left;
    padding: 10px;
    background: #F0F4F2;
    border-bottom: solid 1px #fff;
}

.thread-message
{
    padding: 5px;
    overflow: auto;    
}
.thread-message a
{
    color: #060;
}

.button-command-panel
{
    margin-top:2px;
    float:right    
}

.sharing-widget
{
    float:left;     
}

.user-avatar
{
    margin: 10px auto;
    width: 120px;
   
}
.user-no-avatar
{
    background: url("skins/no_avatar.png");
}

.user-online
{
    height: 18px;
    background: transparent url("skins/user_online.gif") no-repeat;
}

.user-offline
{
    height: 18px;
    background: transparent url("skins/user_offline.gif") no-repeat;
}

.user-signature
{
    /*background: url("skins/user_signature.gif") no-repeat 5px 0%;*/
    border-top: solid 1px #DDE0E3;
    padding: 10px 5px 5px 5px;
    min-height: 40px;
    line-height: 16px;
}
.user-signature p
{
    margin: 0;
    padding: 0;
}



.thread-title
{
    padding: 10px;
    font-weight: bold;
    background: #F0F4F2;
    border-bottom: solid 1px #fff;
}

.thread-title h1
{
    padding:0;
    margin:0;
    font-size:small    
}


.quote
{
    margin: 0 auto;
    border: dotted 1px #B6BFC6;
    width: 98%;
}
.quote-head
{
    font-weight: bold;
    border-bottom: dotted 1px #B6BFC6;
    background: #EFF5FA;
    padding: 5px;
}

.quote-content
{
    padding: 5px;
    font-style: italic;
}

.highlight
{
    background-color: yellow;
}



.collapse, .collapse-close, .collapse-open
{
    height: 32px;
    width: 18px; /* padding-right:5px*/
    float: right;
    background: transparent url("skins/collapse.gif") no-repeat center left;
    cursor: pointer;
}
.collapse-close
{
    background-position: center right;
}

.time-zone
{
    line-height: 22px;
    float: right;
}


.fr-widget
{
    /* border: solid 1px #B6BFC6;DEE1E4*/
    display: block;
    background: #DDE0E3;
}

.fr-widget .icon
{
    float: left;
    background: url("skins/widget_icon.gif") no-repeat center center;
    width: 25px;
    height: 32px;
    display: block;
}
.fr-widget .header
{
    background: url("skins/nav_menu_b.png") repeat-x; /*padding: 7px 5px 0 5px; height: 20px;*/
    font-weight: bold;
    display: block;
    height: 32px;
    line-height: 32px;
    border: solid 1px #DDE0E3;
    border-bottom-style: none;
}

.fr-widget .header h1
{
    font-weight:bold;
    padding:0;
    margin:0;
    font-size:small;
        
}

.fr-post-queue,.fr-post-deleted
{
   -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;  
    
}

.fr-post-deleted
{
     border:solid 1px #f30;     
}


.fr-options
{
    float: right;
    background: #F3F4F5 url("skins/border.gif") repeat-y; /*border-left:solid 1px #B6BFC6;*/
    min-width: 60px;
    width: 80px;
    display: block;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    text-align: center;
    padding: 0 5px 0 5px;
}
.fr-options a
{
    /*    background: url("skins/down.gif") no-repeat center right;   */
    padding: 0 15px 0 5px;
    display: block;
}


.table-cell, .table-cell-alter
{
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    background-color: #F7F8F9;
    padding: 5px;
}
.table-cell-alter
{
    background-color: #F4F5F6;
}
.table-cell-height
{
    height: 60px;
}

.table-header
{
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    background: #F4F5F6 url("skins/table_header_b.png") repeat-x;
    height: 24px;
    font-weight: bold;
    text-align: center;
    color: #885b00;
}


.table-caption
{
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    background-color: #ECF2EF;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    height: 24px;
    color: #945A03;
}
.table-caption a
{
    color: #945A03;
}




.statis-panel
{
    height: 60px;
    padding: 5px 5px 5px 60px;
    line-height: 16px;
    background-position: 5px center;
    background-repeat: no-repeat;
}
.statis-user-online
{
    background-image: url("skins/statis_user_online.gif");
}

.statis-forum
{
    background-image: url("skins/forum_statis.gif");
}
.statis-birthday
{
    background-image: url("skins/statis_birthday.gif");
}




.rules-box
{
    margin: 0 auto;
    height: 280px;
    border-top: solid 1px #D7E2F2;
    border-left: solid 1px #D7E2F2;
    border-right: solid 1px #B6BFC6;
    border-bottom: solid 1px #B6BFC6;
    line-height: 18px;
    overflow: auto;
    overflow-x: hidden;
    padding: 10px;
    background: #fff;
}



#footer
{
    line-height: 18px;
    height: 80px;
}
#footer a
{
    color: #f30;
}
#footer .text
{
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    margin-top: 5px;
}


.message-box
{
    border: 1px solid #cd0a0a;
    background-color: #fef1ec;
    color: #cd0a0a;
    padding: 10px;
}



.paging
{
    float: right;       
    list-style-type:none;
}

.paging li
{
    float:left;
    position:relative;   
    border: 1px solid #C0D6F5;    
    text-align: center;
    padding:3px 8px 4px 8px;   
    margin-left:3px;
    cursor: pointer;
    white-space: nowrap;
    background:#F2F6F8 url("skins/paging.gif") no-repeat -200px 0;
        
}

.paging li.page-first
{
    background-position: 50% 0;     
    
}


.paging li.page-prev
{
    background-position: 50% -24px;     
    
}

.paging li.page-next
{
       background-position: 50% -46px;             
}

.paging li.page-last
{
    background-position: 50% -68px;     
    
}

.paging li.actived
{
    border: 1px solid #f60;    
    background:#fff;    
}

.paging li.actived a
{
    color: #f30;
}

.paging li:hover
{
    border: 1px solid #417394;    
    background-color: #fff;    
}

.page-x-of-y
{
  
}




/*--------Loading----------------*/
.loading
{
    background: #ffffff url("skins/loading.gif") no-repeat center center;
    border: solid 1px #999;
    width: 100px;
    height: 40px;
    position: absolute;
    display: none;
    z-index: 9999;
}


.overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
}


label.error
{
    color: #f30;
}



.popup-container
{
    position: absolute;
    z-index: 9999;
    display: none;
    width: 220px;
    max-width: 300px;
}

.popup-header
{
    background: url("skins/popup_header_b.png") repeat-x;
    height: 26px;
    font-weight: bold;
    text-align: left;
    padding-left: 5px;
}



/* Custom Css */

/* Fixed Positioned AddThis Toolbox */            
.addthis_toolbox.atfixed {
    position: fixed;
    top: 40%;
    left: 10px;
    border: 1px solid #eee;
    padding: 5px 5px 1px;
    width: 32px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.addthis_toolbox .custom_images a img { border: 0; margin: 0 0 1px; opacity: 1.0; }
.addthis_toolbox .custom_images a:hover img { margin: 1px 0 0; opacity: 0.75; }
